﻿﻿﻿﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
		<c:set var="ctx" value="${pageContext.request.contextPath}" />
		<html>

		<head>
			<link rel="stylesheet" href="${ctx}/common/common.css">
			<title>溯源信息</title>
			<link rel="stylesheet" href="${ctx}/common/plugins/layuiadmin/layui/css/layui.css" media="all">
			<link rel="stylesheet" href="${ctx}/common/plugins/layuiadmin/style/admin.css" media="all">
			<script src="${ctx}/common/plugins/layuiadmin/layui/layui.js"></script>

			<script src="${ctx}/common/plugins/publicJs/publicJs.js"></script>
			<style>
				.layui-body {
					overflow-y: scroll;
				}
			</style>
		</head>

		<body>
			<!--主体内容层-->
			<div class="layui-fluid">
				<div class="layui-row layui-col-space15">
					<form class="layui-form" action="">
						<!--时间轴建议写一个页面弹窗调取-->
						<c:if test="${!empty technologyList}">
							<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
								<legend>溯源信息</legend>
							</fieldset>
							<ul class="layui-timeline">
								<c:forEach items="${technologyList}" var="process">

									<li class="layui-timeline-item">
										<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
										<div class="layui-timeline-content layui-text">
											<h3 class="layui-timeline-title">${process.name}</h3>
											<c:if test="${!empty process.technicIndex}">
												<c:forEach var="sgl" items="${process.technicIndex}">
													<c:if test="${sgl.quota_type ne '5' && sgl.quota_type ne '6'}">
														<p>${sgl.name}: <c:if test="${!empty sgl.g_value}">${sgl.g_value}<c:if test="${!empty sgl.unit}"> ${sgl.unit}</c:if></c:if></p>
													</c:if>
													<c:if test="${sgl.quota_type eq '5' && !empty sgl.turl}">
														<p>${sgl.name}:<br>
															<img src="${ctx}${sgl.turl}"
																style="width: 100px;height: 100px;background: lightblue;" />
														</p>
													</c:if>
													<c:if test="${sgl.quota_type eq '6' && !empty sgl.url}">
														<p>${sgl.name}:<br>
															<video controls="controls" src="${ctx}${sgl.url}"
																style="width: 100px;height: 100px;background: lightblue;"></video>
														</p>
													</c:if>
												</c:forEach>
											</c:if>
										</div>
									</li>

								</c:forEach>
							</ul>
						</c:if>
						<c:if test="${empty technologyList}">
							<p>无数据</p>
						</c:if>
					</form>
				</div>
			</div>
		</body>
		<script>

		</script>

		</html>